<!DOCTYPE html>
<html>
	<head>
		{% block header %}
			<meta charset="utf-8">
			<meta http-equiv="x-ua-compatible" content="ie=edge">
			<meta name="referrer" content="no-referrer"/>
			<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
			<title>{% block title %}{% endblock title %}</title>
			<link rel="icon" type="image/x-icon" href="">
			{% block css %}
			<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">
			{% endblock css %}
			{% block scripts %}
			<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
			<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
			{% endblock scripts %}
			{% block style %}{% endblock style %}
		{% endblock header %}
	</head>

	<body>
		<nav>
			{% block nav %}
				<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#">信息工程系Logo</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav">
						<li class="nav-item active">
							<a class="nav-link" href="/">首页Home<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/output">导出Output</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/docs">接口APIs</a>
						</li>
						<li class="nav-item">
							<a class="nav-link disabled" href="#">其他开发中ing...</a>
						</li>
						</ul>
					</div>
				</nav>
			{% endblock nav %}
		</nav>
		<div class="container">
		<main>
			{% block content %}{% endblock content %}
		</main>

		<footer>
			{% block footer %}
					<div class="row">
						<hr>
					</div>
					<div class="row">
						<a href="https://www.baidu.com">Baidu</a>&nbsp;&nbsp;
						<a href="https://www.google.com">Google</a>&nbsp;&nbsp;
						<a href="https://cn.bing.com/">Bing</a>&nbsp;&nbsp;
						❤️&nbsp;&nbsp;&nbsp;
						<a href="https://www.baidu.com">Baidu</a>&nbsp;&nbsp;
						<a href="https://www.google.com">Google</a>&nbsp;&nbsp;
						<a href="https://cn.bing.com/">Bing</a>&nbsp;&nbsp;
						💘&nbsp;&nbsp;&nbsp;
						<a href="https://www.baidu.com">Baidu</a>&nbsp;&nbsp;
						<a href="https://www.google.com">Google</a>&nbsp;&nbsp;
						<a href="https://cn.bing.com/">Bing</a>&nbsp;&nbsp;
						❤️&nbsp;&nbsp;&nbsp;
					</div>
					<div class="row">
						<p>粤ICP备18092797号</p>&nbsp;
						<p>鲁ICP备20014363号-22 公安备案鲁37050202371078</p>
					</div>
				</div>
			{% endblock footer %}
		</footer>
		</div>
		{% block script %}{% endblock script %}
	</body>
</html>